<template>
  <div>
    <div class="aaa">
      <div class="bbb">
        <div style="display: flex; color: #fff">
          <div>
            <img src="../assets/images/1111.png" style="height: 0.4rem" />
          </div>
          <div class="a11">
            <div style="margin-left: 0.5rem;">一号楼</div>
            <div style="margin-left: 0.3rem; display: flex">
              正常数量:
              <div style="color: skyblue; margin-left: 0.1rem">107</div>
            </div>
          </div>
          <div class="a11">
            <div style="display: flex;margin-left: 0.27rem">
              设备数量:
              <div style="color: skyblue; margin-left: 0.1rem">103</div>
            </div>
            <div style="display: flex;margin-left: 0.27rem">
              故障数量:
              <div style="color: orange; margin-left: 0.1rem">23</div>
            </div>
          </div>
        </div>
      </div>
      <div class="ccc">
        <div style="display: flex; color: #fff">
          <div>
            <img src="../assets/images/1111.png" style="height: 0.4rem" />
          </div>
          <div class="a11">
            <div style="margin-left: 0.5rem">二号楼</div>
            <div style="margin-left: 0.3rem; display: flex">
              正常数量:
              <div style="color: skyblue; margin-left: 0.1rem">73</div>
            </div>
          </div>
          <div class="a11">
            <div style="display: flex;margin-left: 0.27rem">
              设备数量:
              <div style="color: skyblue; margin-left: 0.1rem">86</div>
            </div>
            <div style="display: flex;margin-left: 0.27rem">
              故障数量:
              <div style="color: orange; margin-left: 0.1rem">13</div>
            </div>
          </div>
        </div>
      </div>
      <div class="ddd">
        <div style="display: flex; color: #fff">
          <div>
            <img src="../assets/images/1111.png" style="height: 0.4rem" />
          </div>
          <div class="a11">
            <div style="margin-left: 0.5rem">三号楼</div>
           <div style="margin-left: 0.3rem; display: flex">
              正常数量:
              <div style="color: skyblue; margin-left: 0.08rem">108</div>
            </div>
          </div>
          <div class="a11">
            <div style="display: flex;margin-left: 0.27rem">
              设备数量:
              <div style="color: skyblue; margin-left: 0.1rem">138</div>
            </div>
            <div style="display: flex;margin-left: 0.27rem">
              故障数量:
              <div style="color: orange; margin-left: 0.1rem">30</div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>
<script>
</script>
<style>
.aaa {
  width: 100%;
  height: 1.29rem;
}
.bbb {
  width: 100%;
  height: 0.4rem;
  margin-top: 0.04rem;
}
.ccc {
  width: 100%;
  height: 0.4rem;
  margin-top: 0.04rem;
}
.ddd {
  width: 100%;
  height: 0.4rem;
  margin-top: 0.04rem;
}
.a11 {
  width: 76%;
  height: 0.2rem;
  line-height: 0.2rem;
}
</style>